<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        /* 
            需求：从一组用户当中找到姓名为张三的，获得该用户年龄
         */

        //在该数组当中存放对象
        const names = [{
                name: '张三',
                age: 22
            },
            {
                name: '李四',
                age: 23
            },
            {
                name: '赵六',
                age: 24
            },
            {
                name: '张三',
                age: 26
            }
        ];
        //方式一
        /*          let result = '';
                 //遍历names数组
                 for(let obj of names){
                    //  console.log(obj.name)
                    if(obj.name=="张三"){
                        console.log("找到了，年龄是",obj.age)
                        result = obj.name
                    }
                 }
                 console.log(result) */



        //方式二
        //代码优化：把比较的方法提取出来
        function isName(obj) {
            return obj.name === '张三';
        }

   /*      let result = false;
        for (let obj of names) {
            if (isName(obj)) {
                result = true;
            }
        }

        console.log(result) */


        //方式三
        // console.log(names.find(isName))

        //方式四
        // console.log(names.find(obj => obj.name==='张三'))
        // const s1 = (names.find(obj => obj.name==='张三'))
        // console.log(s1.age)


        //例子,找到da大于50的并返回
        const arrays1 = [11,5,123,55,1,1,5,66,11]
        // console.log(arrays1.find(obj =>obj >50 ))   //obj 变量代表的直接就是数组中的内容

        /* 
            需求：只需要返回true、false就可以了
         */
        //  console.log(names.some(obj => obj.name==='张三'))


        /* 
            需求：从一组用户中找到姓名为张三的，并且返回他的索引
         */

         const objIndex = names.findIndex(obj => obj.name==="张三")
         console.log(objIndex)

    </script>
</head>

<body>

</body>

</html>